<!DOCTYPE html>
{% from "macros.html" import menu %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2</title>
    <style>
        h1{
            text-align: center;
        }
        #user_online{
            float: right;
            margin-right: 3px;
        }
        table{
            margin:auto;
        }
    </style>
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/bootstrap.css')}}">
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/flask.css')}}">
</head>
<body>
{{ menu(post_name,online) }}
<table border="1" class="table">
    <tr>
        <td>发送者</td>
        <td>发送内容</td>
        <td>发送时间</td>
        <td>状态</td>
    </tr>
    {% for list in list %}
          <tr>
          <td>{{ list.send }}</td>
          <td>{{ list.content }}</td>
          <td>{{ list.time }}</td>
          <td>{{ list.state }}</td>
          </tr>
    {% endfor %}
</table>
</body>
<script type="text/javascript">
    window.onload = function(){
        var selectmenu = document.getElementById("selectmenu");
        var selects = document.getElementById("selects");
        selectmenu.onmouseover = function(){
            selects.style.display = "block";
        }
        selectmenu.onmouseout = function(){
            selects.style.display = "none";
        }

        var messagemenu = document.getElementById("messagemenu");
        var selects2 = document.getElementById("selects2");
        messagemenu.onmouseover = function(){
            selects2.style.display = "block";
        }
        messagemenu.onmouseout = function(){
            selects2.style.display = "none";
        }

        var userstate = document.getElementById("userstate");
        var down = document.getElementById("down");
        userstate.onmouseover = function(){
            down.style.display = "block";
        }
        userstate.onmouseout = function(){
            down.style.display = "none";
        }
    }
</script>
</html>